<?xml version='1.0' encoding='ISO-8859-1' ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"      
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="/pages/core/plantilla/plantillaPrincipal.xhtml">
        <ui:define name="contenido">             
            <h:form onsubmit="return checkSubmit();"  id="frmPrincipal">
                <p:panel id="pnlPrincipal" header="#{i18n['form.utillaje.titulo.panel']} / #{sessionMBean.titulo} #{utillajeMBean.dto.id}" style="#{applicationMBean.estiloTitulo}">                    
                    <h:panelGrid id="pgFormDto" columns="2" cellpadding="4">                                     
                        <h:outputLabel for="itDescripcion" styleClass="label" value="#{i18n['form.utillaje.descripcion']}"/>
                        <p:inputText id="itDescripcion" label="#{i18n['form.utillaje.descripcion']}"  maxlength="200"
                                     value="#{utillajeMBean.dto.descripcion}"  readonly="#{sessionMBean.accion == applicationMBean.ver}"
                                     required="true" size="60" styleClass="txtCampoObligatorio">
                            <f:validateLength maximum="200" minimum="1"/>
                        </p:inputText>

                        <h:outputLabel for="itDescripcionCorta" styleClass="label" value="#{i18n['form.utillaje.descripcion.corta']}"/>
                        <p:inputText id="itDescripcionCorta" label="#{i18n['form.utillaje.descripcion.corta']}"  maxlength="200"
                                     value="#{utillajeMBean.dto.descripcionCorta}"  readonly="#{sessionMBean.accion == applicationMBean.ver}"
                                     required="true" size="15" styleClass="txtCampoObligatorio">
                            <f:validateLength maximum="10" minimum="1"/>
                        </p:inputText>
                        
                        <h:outputLabel for="itCicloUso" value="#{i18n['form.utillaje.ciclo.uso']}" styleClass="label"/>
                        <p:inputText id="itCicloUso" label="#{i18n['form.utillaje.ciclo.uso']}" style="#{applicationMBean.estiloObligatorio}"
                                     value="#{utillajeMBean.dto.cicloUso}" readonly="#{sessionMBean.accion == applicationMBean.ver}"
                                     onkeypress="return fn_validaTecla('entero',this)"
                                     required="false" size="10">
                            <f:validateLength minimum="1" maximum="9"/>
                            <f:convertNumber pattern="#{applicationMBean.formatoMontos}"/>
                        </p:inputText>
                        
                        <h:outputLabel styleClass="label" value="#{i18n['general.label.activo']}"/>
                        <p:selectBooleanCheckbox value="#{utillajeMBean.dto.estado}" style="#{applicationMBean.estilo}" disabled="#{sessionMBean.accion == applicationMBean.ver}"/>
                    </h:panelGrid>

                    <h:outputLabel value="#{i18n['general.label.campos.auditoria']}" styleClass="subTitulo" rendered="#{utillajeMBean.dto.id!=null}"/>
                    <p:separator rendered="#{utillajeMBean.dto.id!=null}"/>
                    <h:panelGrid id="pgCamposAuditoria" columns="6" cellspacing="10" rendered="#{utillajeMBean.dto.id!=null}">
                        <h:outputLabel styleClass="label" value="#{i18n['general.label.usuario.creacion']}"/>
                        <h:outputLabel styleClass="txtCampo" value="#{utillajeMBean.dto.usuarioCreacionDto.descripcion}"/>
                        <h:outputLabel styleClass="label" value="#{i18n['general.label.fecha.creacion']}"/>
                        <h:outputLabel styleClass="txtCampo" value="#{utillajeMBean.dto.fechaCreacion}">
                            <f:convertDateTime pattern="#{applicationMBean.formatoFechaHoraSegundos}"  timeZone="#{applicationMBean.timeZone}"/>
                        </h:outputLabel>                            
                        <h:outputLabel styleClass="label" value="#{i18n['general.label.terminal.creacion']}"/>
                        <h:outputLabel styleClass="txtCampo" value="#{utillajeMBean.dto.terminalCreacion}"/>
                        <h:outputLabel styleClass="label" value="#{i18n['general.label.usuario.modificacion']}"/>
                        <h:outputLabel styleClass="txtCampo" value="#{utillajeMBean.dto.usuarioDto.descripcion}"/>
                        <h:outputLabel styleClass="label" value="#{i18n['general.label.fecha.modificacion']}"/>
                        <h:outputLabel styleClass="txtCampo" value="#{utillajeMBean.dto.fecha}">
                            <f:convertDateTime pattern="#{applicationMBean.formatoFechaHoraSegundos}"  timeZone="#{applicationMBean.timeZone}"/>
                        </h:outputLabel>                            
                        <h:outputLabel styleClass="label" value="#{i18n['general.label.terminal.modificacion']}"/>
                        <h:outputLabel styleClass="txtCampo" value="#{utillajeMBean.dto.terminal}"/>
                    </h:panelGrid>
                            
                    <f:facet name="footer">
                        <p:commandButton title="#{i18n['general.button.guardar.tip']}" accesskey="#{applicationMBean.keyGuardar}" ajax="false"
                                         icon="ui-icon ui-icon-disk" rendered="#{sessionMBean.accion != applicationMBean.ver}"
                                         style="#{applicationMBean.estilosBtnGuardar}"
                                         onclick="return confirm('#{i18n.general_mensaje_confirmacion}');"
                                         value="#{i18n['general.button.guardar']}" 
                                         action="#{utillajeMBean.guardar}">
                        </p:commandButton>

                        <p:commandButton title="#{i18n['general.button.atras.tip']}" accesskey="#{applicationMBean.keyRetroceder}" ajax="false"
                                         icon="ui-icon ui-icon-arrowreturnthick-1-w" immediate="true"
                                         style="#{applicationMBean.estilosBtnRetroceder}"
                                         value="#{i18n['general.button.atras']}" 
                                         action="#{utillajeMBean.retroceder}">                                    
                        </p:commandButton>

                        <p:commandButton title="#{i18n['bitacora.ver.historial']}"
                                         icon="ui-icon ui-icon-calculator"
                                         value="#{i18n['bitacora.ver.historial']}"                                                                                                           
                                         ajax="true"
                                         style="#{applicationMBean.estilosBtnHistorial}"
                                         rendered="#{utillajeMBean.dto.id!=null}"
                                         oncomplete="dlgBitacoraEntidad.show()"                                                       
                                         update=":frmPopupBitacoras:pgFormPopupBitacoras"
                                         actionListener="#{utillajeMBean.verBitacora}">                                    
                        </p:commandButton>

                        <p:commandButton title="#{i18n['general.button.nuevo.tip']}" accesskey="#{applicationMBean.keyNuevo}"
                                         icon="ui-icon ui-icon-plus" rendered="#{utillajeMBean.dto.id!=null}"
                                         value="#{i18n['general.button.nuevo']}" 
                                         style="#{applicationMBean.estilosBtnNuevo}" 
                                         ajax="false"                                        
                                         actionListener="#{utillajeMBean.nuevo}">                                    
                        </p:commandButton>
                    </f:facet>                    
                </p:panel>
                
                <p:panel id="pnlPrincipalDeta" header="#{i18n['panel.titulo.control.periodico.deta']}" style="#{applicationMBean.estiloTitulo}" rendered="#{utillajeMBean.dto.id!=null}">
                    <h:panelGrid id="pngTabla" columns="1">
                        <h:panelGrid id="pgFormDtoDeta" columns="13" cellpadding="4">

                            <p:commandButton title="#{i18n['utillaje.boton.nuevo.detalle']}"
                                             icon="ui-icon ui-icon-plus"
                                             style="#{applicationMBean.estilosBtnNuevoDetalle}"
                                             value="#{i18n['utillaje.boton.nuevo.detalle']}" 
                                             rendered="#{sessionMBean.accion != applicationMBean.ver}" ajax="true"
                                             oncomplete="carDialogDeta.show()"
                                             update=":frmDetalle:pgFormDtoDeta"
                                             action="#{utillajeMBean.nuevoDetalle}">                                    
                            </p:commandButton>  

                        </h:panelGrid>
                        <p:dataTable id="tblPrincipalDeta" value="#{utillajeMBean.dto.listaDetalles}" var="dto" widgetVar="widTable" 
                                     rowKey="#{dto.id}"
                                     emptyMessage="#{i18n['utillaje.no.detalles']}" styleClass="estiloPanel">                        
                            <p:column style="text-align:center;">
                                <h:panelGrid id="pgBotonesGrillaDeta" columns="10" cellspacing="5" styleClass="estiloPanelGrid">
                                    <p:commandButton icon="ui-icon ui-icon-search" title="#{i18n['general.button.ver.tip']}"
                                                     action="#{utillajeMBean.verDetalle}" ajax="true"
                                                     oncomplete="carDialogDeta.show()" update=":frmDetalle:pgFormDtoDeta"
                                                     >
                                        <f:setPropertyActionListener value="#{dto}" target="#{utillajeMBean.detaDto}"/>
                                    </p:commandButton>                                
                                    <p:commandButton icon="ui-icon ui-icon-pencil" title="#{i18n['general.button.editar.tip']}" 
                                                     rendered="#{sessionMBean.accion != applicationMBean.ver}"
                                                     update=":frmDetalle:pgFormDtoDeta" ajax="true"
                                                     action="#{utillajeMBean.editarDetalle}" 
                                                     oncomplete="carDialogDeta.show()">
                                        <f:setPropertyActionListener value="#{dto}" target="#{utillajeMBean.detaDto}"/>
                                    </p:commandButton>
                                </h:panelGrid>
                            </p:column>   
                            <p:column headerText="#{i18n['general.label.id']}"  styleClass="general">
                                <h:outputText value="#{dto.id}" styleClass="general" />
                            </p:column>
                            <p:column headerText="#{i18n['form.utillaje.hueco']}">
                                <h:outputText value="#{dto.hueco}" styleClass="general" />
                            </p:column>                            
                            <p:column headerText="#{i18n['form.utillaje.numero.uso']}" style="text-align: left">
                                <h:outputText value="#{dto.numeroUso}" styleClass="general" >
                                    <f:convertNumber pattern="#{applicationMBean.formatoMontos}"/>
                                </h:outputText>
                            </p:column>
                            <p:column headerText="#{i18n['form.utillaje.rechazado']}">
                                <h:outputText value="#{dto.rechazadoTexto}" styleClass="general" />
                            </p:column>
                            <p:column headerText="#{i18n['general.label.activo']}">
                                <h:outputText value="#{dto.estadoTexto}" styleClass="general" />
                            </p:column>
                        </p:dataTable>
                    </h:panelGrid>
                </p:panel>
            </h:form>
            <p:dialog id="dialogDetalle" header="#{i18n['panel.titulo.utillaje']}" widgetVar="carDialogDeta" resizable="false"  
                      width="600" height="140" modal="true">  
                <p:messages id="msjDialogDeta" showDetail="false" autoUpdate="true"/>
                <ui:include src="/pages/prod/utillaje/utillajeDeta.xhtml" /> 
            </p:dialog>
            <p:dialog id="idDlgBitacoraEntidad" header="#{i18n['bitacora.titulo']}" widgetVar="dlgBitacoraEntidad" resizable="false"  
                      width="900" height="450" modal="true">                        
                <ui:include src="/pages/bitacora/bitacoras.xhtml" /> 
            </p:dialog>
        </ui:define>
    </ui:composition>
</html>